<template>
  <f7-page>
    <!-- <f7-navbar :sliding="false">
      <f7-nav-left>
        <f7-link back icon-material="arrow_back"></f7-link>
      </f7-nav-left>
      <f7-nav-title sliding>天气组件</f7-nav-title>
      <f7-nav-right></f7-nav-right>
    </f7-navbar> -->
    <f7-user-navbar title="天气组件"></f7-user-navbar>

     <f7-block strong class="no-margin index_top_pic block-shadow">
      <f7-row>
        <f7-col class="text-align-left weather">
          <f7-weather format="{city} {icon} {observe.weather} {observe.degree}°"></f7-weather>
        </f7-col>
        <f7-col class="text-align-right datetime">{{today | week}}&nbsp;&nbsp;{{today | date}}</f7-col>
      </f7-row>
    </f7-block>

  </f7-page>
</template>

<script>
import controller from "@/libs/framework/controller";

export default class instance extends controller {
  onBeforeInit() {
    this.urls = {
      query: ""
    };
  }

  mixin() {
    return {
      data() {
        return {
          today: new Date()
        };
      },
      methods: {
      },
      computed: {},
      mounted() {}
    };
  }
}
</script>

<style scoped>

</style>